﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="business-scope.ascx.cs" Inherits="templates_client_usercontrols_business_scope" %>
<link rel="stylesheet" href="../templates/client/styles/tabs.css" type="text/css" media="screen" />
>
<div style="float:left; width:630px">
    <div class="wrapper">  
        <div style="display:table; width:620px; border-bottom:1px solid #cecece; ">
            <div style="display:table-row">
                <div style="display:table-cell; float:left; height:29px">
                    <a class="button" href="#"><asp:Label ID="lbLinhVuc" runat="server" Text="Label"></asp:Label></a>
                </div>
                <div style=" display:table-cell; height:30px; padding-top:7px;float:right">
                    <ul id="tabs" style="float:right">
                        <asp:Repeater ID="rptDanhMuc" runat="server" DataSourceID="SqlDataSourceDanhMuc">
                            <ItemTemplate>
                                <li><a href="#" title='<%#Eval("IdChiTiet") %>'><%#Eval("TenChiTiet") %></a></li>
                            </ItemTemplate>
                        </asp:Repeater>                                     
                       <%-- <li><a href="#" title="gioi_thieu">Giới thiệu</a></li>
                        <li><a href="#" title="ho_so_nang_luc">Hồ sơ năng lực</a></li>
                        <li><a href="#" title="moi_goi_dau_tu">Mời gọi đầu tư</a></li>
                        <li><a href="#" title="san_pham_tieu_bieu">Sản phẩm tiêu biểu</a></li>--%>    
                    </ul>
                </div>
            </div> 
        </div>
        <div id="tab_content"> 
            <asp:Repeater ID="rptChiTietDanhMuc" runat="server" DataSourceID="SqlDataSourceDanhMuc">
                <ItemTemplate>
                    <div id='<%#Eval("IdChiTiet") %>'>
                        <h2><%#Eval("TenChiTiet") %></h2>
                        <p><%#Eval("MoTaChiTiet") %></p>                                   
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <%--<div id="gioi_thieu">
                <h2>Thiết kế website</h2>
                 Chúng tôi tạo ra website này với mục tiêu phục vụ khách hàng tốt hơn. Chúng tôi muốn giúp khách hàng có thể hiểu nhiều hơn về thiết kế website như thế nào cho hiệu quả, như thế nào để mang lại hiệu suất kinh doanh cao nhất.                     
            </div>--%>
            <%--<div id="ho_so_nang_luc">
                <h2>Hồ sơ năng lực</h2>
                <p>Nội dung đặt ngay đây</p>                                   
            </div>
            <div id="moi_goi_dau_tu">
                <h2>Mời gọi đầu tư</h2>
                <p>Nội dung đặt vào đây</p>                                
            </div>--%>
            <%--<div id="san_pham_tieu_bieu" class="yoxview">
                <ul style="display:inline-table; width:700px" id="product">
                    <% for (int i = 1; i < 10; i++)
                       { %>
                    <li style="padding:10px 15px 10px 10px; display:inline-table; border-bottom:1px dashed #C0C0C0; border-right:1px dashed #C0C0C0; text-align:center">                        
                        <a href="../templates/client/images/hahd3.png" class="tooltip" title="<span style='font-family: Arial; margin-top:50px; font-size: 14px; color: #0000FF; font-weight:bold;'>Tiêu đề sản phẩm đặt chỗ này</span></br><br> Nội dung tóm tắt sản phẩm nằm tại đây</br> Nội dung tóm tắt sản phẩm nằm tại đây</br> Nội dung tóm tắt sản phẩm nằm tại đây</br>"><img src="../templates/client/images/hahd3.png" width="180px" height="200px"  alt=""></a>
                        <a class="link-product-tab" href="#">Chi tiết</a>
                        <span style="font-family: Arial; font-size: 14px; color: #0000FF;">Tên sản phẩm đặt tại chỗ này</span>
                    </li>
                    <% } %>                    
                    
                </ul>                    
            </div>--%>
        </div>
        <asp:SqlDataSource ID="SqlDataSourceDanhMuc" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="Proc_DanhMucLinhVuc_SelectTheoLinhVucNgonNgu" 
            SelectCommandType="StoredProcedure">
            <SelectParameters>
                <asp:QueryStringParameter Name="NgonNgu" QueryStringField="lang" Type="String" />
                <asp:QueryStringParameter Name="IdLinhVuc" QueryStringField="linhvuc" Type="Int32" />
            </SelectParameters>
        </asp:SqlDataSource>    


<script>
$(document).ready(function() {
	$("#tab_content div").hide(); // Initially hide all content
	$("#tabs li:first").attr("id","current"); // Activate first tab
	$("#tab_content div:first").fadeIn(); // Show first tab content
    
    $('#tabs a').click(function(e) {
        e.preventDefault();        
        $("#tab_content div").hide(); //Hide all content
        $("#tabs li").attr("id",""); //Reset id's
        $(this).parent().attr("id","current"); // Activate this
        $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
    });
})();
</script>
        
    </div>
</div>